<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>向往的生活家——约伴而行</title>
		<link rel="shortcut icon" type="image/x-icon" href="img/user/logo.ico" />
		<!-- 引入 Bootstrap -->
        <link href="css/bootstrap.css" rel="stylesheet">
        <link rel="stylesheet" href="css/base.css" />
        <!--导航样式-->
        <link rel="stylesheet" href="css/navigation.css"/>
        <!--主页样式-->
        <link rel="stylesheet" href="css/index.css" />
        <!--评论 样式-->
        <link rel="stylesheet" href="css/details/details.css" />
        <link rel='stylesheet' href='css/details/jquery.cardtabs.css'>
		<link rel='stylesheet' href='css/details/tab.css'>
        <!--本页样式-->
        <link rel="stylesheet" href="css/partner/partner.css" />
        <link rel="stylesheet" href="css/partner/partnercontent.css" />
	</head>
	<body>
		<!--头部 start-->
		<script type="text/javascript" src="js/top.js" ></script> 
		<!--菜单栏-->
	    <div style="display: none;" class="container-fluid head_container">
	        <div class="container">
	      	    <nav class="navbar navbar-default">
					    <a href="#"  class="user_logo" >
					    	<img src="img/user.png" />
					    </a>
					    <a href="#"  class="top_search" >
					    	<img src="img/search_new.png" />
					    </a>
					    <div class="top_s" style="display: none;">
						    		<input type="text" placeholder="请输入您要搜索的内容...">
						    		<button type="submit">搜索</button>
						</div>
					    <div class="navbar-header">    
					      <a href="#" class="navbar-brand" ><img src="img/newlogo.png"  alt=""></a>
					      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					        <span class="sr-only">Toggle navigation</span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					      </button>
					    </div>	
					    
					    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					        <ul class="nav navbar-nav nav_menu">
					            <li class="nav_active"><a href="index.html">首页</a></li>
				                <li><a href="destination.html">目的地</a></li>
				                <li><a href="javascript:void(0)">旅游攻略</a></li>
				               <!-- <li class="dropdown">
				                    <a href="blog.html" class="dropdown-toggle" data-toggle="dropdown">
				                   	         旅游攻略
				                       <b class="caret"></b>
				                    </a>
				                    <ul class="dropdown-menu">
				                       <li><a href="blog.html">推荐攻略</a></li>
				                       <li class="divider"></li>
				                       <li><a href="blog.html">本地攻略</a></li>
				                       <li class="divider"></li>
				                       <li><a href="blog.html">热门攻略</a></li>
				                    </ul>
				                </li>-->
				                <li><a href="javascript:void(0)">自由行</a></li>	
				                <li><a href="javascript:void(0)">社区</a></li>
				                <li><a href="javascript:void(0)">问答</a></li>       
					        </ul>
					          <!--动态搜索框-->
					        <ul class="nav navbar-nav search" style="display: none;">
						        <li> <img class="close" src="img/close.png" style="width: 85%; height: 70%;margin-top: 2px;" /></li>
						        <li class="search-middle"> <input type="text"  class="nav-search-ipt" id="nav-search-ipt" placeholder="请输入你要搜索的关键词"></li>
						        <li><span class="glyphicon glyphicon glyphicon-search"></span></li>
						        <div class="search-input-hull <!--hide-->" style="display: block;">	               
					                <span class="search-cancel"></span>
					                <div id="search-content" class="search-content">
					                    <div class="search-content-list">
					                    	<div class="search-title">热门搜索</div>
					                    	<div class="hot-list search-l"><a href="" >洪崖洞</a></div>
					                    	<div class="hot-list search-l"><a href="" >黑山谷</a></div>
					                    	<div class="hot-list search-l"><a href="" >乐和乐都</a></div>
					                    	<div class="hot-list search-l"><a href="" >金刀峡</a></div>
					                    	<div class="hot-list search-l"><a href="" >瓷器口</a></div>
					                    </div>
					                </div>
					            </div>
					        </ul>
					        <!---->
					        <ul class="nav navbar-nav navbar-right" >
					        	<li><a class="search-click"><span class="glyphicon  glyphicon-search"></span></a></li>
					           <li><a href="register.html" style="color: #ff9d00;"><span class="glyphicon glyphicon-user"></span> 注册</a></li>
					           <li><a href="login.html" style="color: #ff9d00;"><span class="glyphicon glyphicon-log-in"></span> 登录</a></li>
					        </ul>
					    </div>
				</nav>
	        </div>
	    </div>	
		<!--头部 end-->
		
		<!--主体 start-->
		<section class="cont container">
			<!--图片 start-->
			<div class="detail-head">
			    <img src="https://images.mafengwo.net/mobile/images/together/topNum-bg.jpg">
			    <div class="cover-info">
			        <div class="va-wrap">
			            <div class="va-middle">
			                <h3 class="text-shadow">中秋串十一 越南17天</h3>
			                <div class="user">
			                    <span class="avatar"><a href="/user/?id=80031050"><img src="https://p1-q.mafengwo.net/s10/M00/17/4A/wKgBZ1l4C0yARmWiAADCocnEcGU26.jpeg?imageMogr2%2Fthumbnail%2F%21120x120r%2Fgravity%2FCenter%2Fcrop%2F%21120x120%2Fquality%2F90"></a></span>
			                    <span class="name">渔渔大连</span><br>
			                    <span class="time">2018-03-30 15:36:26</span>
			                </div>
			            </div>
			            <ul class="nums va-middle text-shadow">
			                <li>关注<em class="_j_care_count">3</em></li>
			                <li>报名<em>12</em></li>
			                <li>评论<em class="_j_comment_count">17</em></li>
			            </ul>
			        </div>
			    </div>
			</div>
			<!--图片 end-->
			
			<!--出行时间 start-->
			<ul class="base-info clearfix">
			    <li class="date">出行时间<span>2018-08-17</span></li>
			    <li class="days">出行天数<span>10天</span></li>
			    <li class="contact" >联系方式
			        <span style="margin-left: -5px;">1234568955</span>
			    </li>
			</ul>
			<!--出行时间 end-->
			
			<!--旅游地点内容 start-->
			<div class="detail-info">
			    今年走一次传说中的天路——川藏线。看看雪山，草原，湖泊，然后到日光之城拉萨转转。
			    感受这片纯净的土地。计划时间：8.17——8.26.成都出发，包车去。目前暂时2个小伙伴，
			    想多找几个小伙伴一起拼车。行程，攻略已做好。大家可以提前商量，早点定下来。
			    楼主一个喜欢摄影的妹纸，也可以给你们当摄影师，哈哈哈。希望结伴的小伙伴也是喜欢旅行，
			    不矫情的。有兴趣的小伙伴加微信：3155931963<br>
			    <div class="btn-block" style="display: inline-block;">
			        <a href="JavaScript:void(0)">马上报名</a>
			    </div>
			</div>
			<!--旅游地点内容 end-->
			
			<!--报名人数 start-->
			<dl class="user-list">
			    <dt>已报名（6人）</dt>
			    <dd>
			        <ul style="width:300px">
                        <li class="_j_set_width" style="width: 32px;">
                        	<a href="JavaScript:void(0)">
                        		<img src="https://b2-q.mafengwo.net/s10/M00/F9/E0/wKgBZ1oT96OAOEOnAABHjd9NgNo60.jpeg?imageMogr2%2Fthumbnail%2F%21120x120r%2Fgravity%2FCenter%2Fcrop%2F%21120x120%2Fquality%2F90">
                        	</a>
                        </li>
                        <li class="_j_set_width" style="width: 32px;">
                        	<a href="JavaScript:void(0)">
                        		<img src="https://p3-q.mafengwo.net/s11/M00/76/CF/wKgBEFrVX6CAOjllAAC0D8FnFWc54.jpeg?imageMogr2%2Fthumbnail%2F%21120x120r%2Fgravity%2FCenter%2Fcrop%2F%21120x120%2Fquality%2F90">
                        	</a>
                        </li>
                        <li class="_j_set_width" style="width: 32px;">
                        	<a href="JavaScript:void(0)">
                        		<img src="https://n1-q.mafengwo.net/s9/M00/7B/E1/wKgBs1cOUOeAC8GZAAGw7HvM_GA15.jpeg?imageMogr2%2Fthumbnail%2F%21120x120r%2Fgravity%2FCenter%2Fcrop%2F%21120x120%2Fquality%2F90">
                        	</a>
                        </li>
                    </ul>
			    </dd>
			</dl>
			<!--报名人数 end-->
			
			<!--关注人数 start-->
			<dl class="user-list">
			    <dt>已关注（6人）</dt>
			    <dd>
			        <ul style="width:300px">
                        <li class="_j_set_width" style="width: 32px;">
                        	<a href="JavaScript:void(0)">
                        		<img src="https://b2-q.mafengwo.net/s10/M00/F9/E0/wKgBZ1oT96OAOEOnAABHjd9NgNo60.jpeg?imageMogr2%2Fthumbnail%2F%21120x120r%2Fgravity%2FCenter%2Fcrop%2F%21120x120%2Fquality%2F90">
                        	</a>
                        </li>
                        <li class="_j_set_width" style="width: 32px;">
                        	<a href="JavaScript:void(0)">
                        		<img src="https://p3-q.mafengwo.net/s11/M00/76/CF/wKgBEFrVX6CAOjllAAC0D8FnFWc54.jpeg?imageMogr2%2Fthumbnail%2F%21120x120r%2Fgravity%2FCenter%2Fcrop%2F%21120x120%2Fquality%2F90">
                        	</a>
                        </li>
                        <li class="_j_set_width" style="width: 32px;">
                        	<a href="JavaScript:void(0)">
                        		<img src="https://n1-q.mafengwo.net/s9/M00/7B/E1/wKgBs1cOUOeAC8GZAAGw7HvM_GA15.jpeg?imageMogr2%2Fthumbnail%2F%21120x120r%2Fgravity%2FCenter%2Fcrop%2F%21120x120%2Fquality%2F90">
                        	</a>
                        </li>
                    </ul>
			    </dd>
			</dl>
			<!--关注人数 end-->
			
			<!--PC端 评论框 start-->
			<!--游客点评-->
			<div class="row comments" style="display: none;">
				<div class="tit">留言（17条）</div>
			
			</div>
			
			<div class="ykdp" id="ykdp">
				<div class="line"></div>
				<div class="box2 clearfix">
					 <!--星星评论 start-->
						<div class="quiz">
							<div class="quiz_content">
								<form action="" id="" method="post">
									<!--评论-->
									<!--评论区域 begin-->
								    <div class="reviewArea clearfix">
								        <textarea class="content comment-input" placeholder="" onkeyup="keyUP(this)"></textarea>
								        <a href="javascript:;" class="plBtn">评论</a>
								    </div>
								    <!--评论区域 end-->
									<!--评论-->
								</form>
							</div>
						</div>
						<!--星星评论 end-->
						
						<!--显示评论文字 start-->
						<div class="container tab">
							<div class='example'>
								<div class='tabsholder3'>
									<div data-tab="最&nbsp;新">
										
										<!--评论内容-->
										<!--回复区域 begin-->
									    <div class="comment-show">
									        <div class="comment-show-con clearfix">
									            <div class="comment-show-con-img pull-left"><img src="img/user/header-img-comment_03.png" alt=""></div>
									            <div class="comment-show-con-list pull-left clearfix">
									                <div class="pl-text clearfix">
									                    <a href="#" class="comment-size-name">张三 : </a>
									                    <span class="my-pl-con">&nbsp;来啊 造作啊!</span>
									                </div>
									                <div class="date-dz">
									                    <span class="date-dz-left pull-left comment-time">2017-5-2 11:11:39</span>
									                    <div class="date-dz-right pull-right comment-pl-block">
									                        <a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left">回复</a>
									                        <span class="pull-left date-dz-line">|</span>
									                        <a href="javascript:;" class="date-dz-z pull-left"><i class="date-dz-z-click-red"></i>赞 (<i class="z-num">666</i>)</a>
									                    </div>
									                </div>
									                <div class="hf-list-con"></div>
									            </div>
									        </div>
									    </div>
									    <!--回复区域 end-->
										<!--评论内容-->
									</div>
									<div data-tab="最&nbsp;热">
										
										<!--评论内容-->
										<!--回复区域 begin-->
									    <div class="comment-show">
									        <div class="comment-show-con clearfix">
									            <div class="comment-show-con-img pull-left"><img src="img/user/header-img-comment_03.png" alt=""></div>
									            <div class="comment-show-con-list pull-left clearfix">
									                <div class="pl-text clearfix">
									                    <a href="#" class="comment-size-name">张三 : </a>
									                    <span class="my-pl-con">&nbsp;来啊 造作啊!</span>
									                </div>
									                <div class="date-dz">
									                    <span class="date-dz-left pull-left comment-time">2017-5-2 11:11:39</span>
									                    <div class="date-dz-right pull-right comment-pl-block">
									                        <a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left">回复</a>
									                        <span class="pull-left date-dz-line">|</span>
									                        <a href="javascript:;" class="date-dz-z pull-left"><i class="date-dz-z-click-red"></i>赞 (<i class="z-num">666</i>)</a>
									                    </div>
									                </div>
									                <div class="hf-list-con"></div>
									            </div>
									        </div>
									    </div>
									    <!--回复区域 end-->
										<!--评论内容-->
									</div>
								</div>
							</div>
						</div>
						<!--显示评论文字 end-->
                        
                        
					</div>
			</div>
			<!--游客点评-->
			<!--PC端 评论框 end-->
			
			<!--评论框 start-->
			<div class="row comments" >
				<div class="tit">留言（17条）</div>
				<div class="col-xs-12">
					<!---->
					<div class="ping_title plBtn">发表评论</div>
					<div class="quiz_content ping_content">
						<form action="" id="" method="post">													
							<!--评论-->
							<!--评论区域 begin-->
						    <div class="reviewArea clearfix">
						        <div class="flex-text-wrap"><pre class="pre"><span></span><br></pre><textarea class="content comment-input" placeholder="" onkeyup="keyUP(this)"></textarea></div>
						        <a href="javascript:;" class="plBtn">评论</a>
						    </div>
						    <!--评论区域 end-->
							<!--评论-->
							
						</form>
					</div>
					<style type="text/css">
						@media(max-width: 767px) { 
							.quiz_content{
								    margin-top: -175px;
							}
						}
						
					</style>
					<!---->
				</div>
				 <div class="col-xs-12">
				 	<!---->
					<div class="tabsholder3">
						<div class="card-tabs-stack graygreen">
							<!--评论内容-->
							<!--回复区域 begin-->
						    <div class="comment-show" style="margin-top: 57px;">
						        <div class="comment-show-con clearfix">
						            <div class="comment-show-con-img pull-left"><img src="img/user/header-img-comment_03.png" alt=""></div>
						            <div class="comment-show-con-list pull-left clearfix">
						                <div class="pl-text clearfix">
						                    <a href="#" class="comment-size-name">张三 : </a>
						                    <span class="my-pl-con">&nbsp;来啊 造作啊!</span>
						                </div>
						                <div class="date-dz">
						                    <span class="date-dz-left pull-left comment-time">2017-5-2 11:11:39</span>
						                    <div class="date-dz-right pull-right comment-pl-block">
						                        <a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left">回复</a>
						                        <span class="pull-left date-dz-line">|</span>
						                        <a href="javascript:;" class="date-dz-z pull-left"><i class="date-dz-z-click-red"></i>赞 (<i class="z-num">666</i>)</a>
						                    </div>
						                </div>
						                <div class="hf-list-con"></div>
						            </div>
						        </div>
						    </div>
						    <!--回复区域 end-->
							<!--评论内容-->
						</div>
					</div>
				 	<!---->
				 </div>
			</div>
			<!--评论框 end-->
			
			<!--回复内容 start-->
			
			<!--回复内容 end-->
			
			<div style="height: 70px;"></div>
			
		</section>
		
		<!--主体 end-->
		
		<!--底部 start-->
			<!--返回顶部-->	
			<div class="gotop" style="display: none;">
		        <span><img src="img/top.png" ></span>
		    </div>	
			<!--返回顶部-->	
			
			<!--底部-->
			<script type="text/javascript" src="js/foot.js" ></script>
			<!--底部-->
			
			<!--发起约伴而行start-->
			<div class="fixed-btm _j_sort_html cont-display">
				<div class="btn-group">
					<a class="btn-add _j_not_login guangzhu" href="JavaScript:void(0)">未关注</a>
					<span class="space"></span>
					<a class="btn-add _j_not_login baoming" href="JavaScript:void(0)">未报名</a>
				</div>
			</div>
			<!--发起约伴而行 end-->
		<!--底部 end-->
		
		
	</body>
	
	<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
   	<script type="text/javascript" src="js/bootstrap.min.js" ></script>
   	<script type="text/javascript" src="js/details/jquery.comment.js" ></script>
	<script type="text/javascript" src="js/details/xinxintop.js"></script>
	<script src="js/navigation.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/details/comment.js"></script>
	<script type='text/javascript' src='js/details/jquery.cardtabs.js'></script>
	<script type="text/javascript" src="js/details/details.js" ></script>
	<script type="text/javascript" src="touchTouch/touchTouch.jquery.js"></script>
	<script type="text/javascript" src="js/details/jquery.flexText.js" ></script>
	
	<script type="text/javascript">
		
		$(function(){
			$(".btn-block a").on("click",function(){
				var cur = $(this).text();
				if(cur == '马上报名'){
					$(".btn-block a").html("取消报名");
					$(".baoming").html("已报名");
				}else{
					$(".btn-block a,.baoming").html("马上报名");
					$(".baoming").html("未报名");
				}
	        });
	        
	        $(".baoming").on("click",function(){
				var cur = $(this).text();
				if(cur == '未报名'){
					$(".btn-block a").html("已报名");
					$(".baoming").html("已报名");
				}else{
					$(".btn-block a,.baoming").html("马上报名");
					$(".baoming").html("未报名");
				}
	        });
	        
	        $(".guangzhu").on("click",function(){
				var cur = $(this).text();
				if(cur == '未关注'){
					$(".guangzhu").html("已关注");
				}else{
					$(".guangzhu").html("未关注");
				}
	        });
		})
		
	</script>
	
	<script type='text/javascript'>
		$(function(){
			$(".ping_title").on('click',function(){
				$(this).toggle();
				$(".ping_content").toggle();
			})
			$(".ping_content .plBtn").on('click',function(){
				$(".ping_content").toggle();
				$(".ping_title").toggle();
			})
			
    	    $(".tab_click").eq(0).addClass("action");
			$(".tab_click").each(function(n){
				$(this).click(function(){
				 $(".tab_"+n).siblings().hide();
				 $(".tab_click").siblings().removeClass("action");
				 $(".tab_click").eq(n).addClass("action");
				 $(".tab_"+n).show();
			})
          })
		
    	});
		/**
		 * 选项卡
		 */
		$('.tabsholder1').cardTabs();
		$('.tabsholder2').cardTabs({theme: 'inset'});
		$('.tabsholder3').cardTabs({theme: 'graygreen'});
		$('.tabsholder4').cardTabs({theme: 'wiki'});
		
		/**
		 * 商家详情图片放大
		 */
		$(function(){
			// Initialize the gallery
			$('#thumbs a').touchTouch();
		});
	</script>
	<!--textarea高度自适应-->
	<script type="text/javascript">
	    $(function () {
	        $('.content').flexText();
	    });
	</script>
	<!--textarea限制字数-->
	<script type="text/javascript">
	    function keyUP(t){
	        var len = $(t).val().length;
	        if(len > 139){
	            $(t).val($(t).val().substring(0,140));
	        }
	    }
	</script>
	<!--点击评论创建评论条-->
	<script type="text/javascript">
	    $('.reviewArea').on('click','.plBtn',function(){
	        var myDate = new Date();
	        //获取当前年
	        var year=myDate.getFullYear();
	        //获取当前月
	        var month=myDate.getMonth()+1;
	        //获取当前日
	        var date=myDate.getDate();
	        var h=myDate.getHours();       //获取当前小时数(0-23)
	        var m=myDate.getMinutes();     //获取当前分钟数(0-59)
	        if(m<10) m = '0' + m;
	        var s=myDate.getSeconds();
	        if(s<10) s = '0' + s;
	        var now=year+'-'+month+"-"+date+" "+h+':'+m+":"+s;
	        //获取输入内容
	        var oSize = $(this).siblings('.flex-text-wrap').find('.comment-input').val();
	        console.log(oSize);
	        //动态创建评论模块
	        oHtml = '<div class="comment-show-con clearfix"><div class="comment-show-con-img pull-left"><img src="img/user/header-img-comment_03.png" alt=""></div> <div class="comment-show-con-list pull-left clearfix"><div class="pl-text clearfix"> <a href="#" class="comment-size-name">David Beckham : </a> <span class="my-pl-con">&nbsp;'+ oSize +'</span> </div> <div class="date-dz"> <span class="date-dz-left pull-left comment-time">'+now+'</span> <div class="date-dz-right pull-right comment-pl-block"><a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left">回复</a> <span class="pull-left date-dz-line">|</span> <a href="javascript:;" class="date-dz-z pull-left"><i class="date-dz-z-click-red"></i>赞 (<i class="z-num">666</i>)</a> </div> </div><div class="hf-list-con"></div></div> </div>';
	        if(oSize.replace(/(^\s*)|(\s*$)/g, "") != ''){
	        	$(".comment-show").append(oHtml);
	            $(this).parents('.reviewArea ').siblings('.comment-show').prepend(oHtml);
	            $(this).siblings('.flex-text-wrap').find('.comment-input').prop('value','').siblings('pre').find('span').text('');
	        }
	    });
	</script>
	<!--点击回复动态创建回复块-->
	<script type="text/javascript">
	    $('.comment-show').on('click','.pl-hf',function(){
	        //获取回复人的名字
	        var fhName = $(this).parents('.date-dz-right').parents('.date-dz').siblings('.pl-text').find('.comment-size-name').html();
	        //回复@
	        var fhN = '回复@'+fhName;
	        //var oInput = $(this).parents('.date-dz-right').parents('.date-dz').siblings('.hf-con');
	        var fhHtml = '<div class="hf-con pull-left"> <textarea class="content comment-input hf-input" placeholder="" onkeyup="keyUP(this)"></textarea> <a href="javascript:;" class="hf-pl">评论</a></div>';
	        //显示回复
	        if($(this).is('.hf-con-block')){
	            $(this).parents('.date-dz-right').parents('.date-dz').append(fhHtml);
	            $(this).removeClass('hf-con-block');
	            $('.content').flexText();
	            $(this).parents('.date-dz-right').siblings('.hf-con').find('.pre').css('padding','6px 15px');
	            //console.log($(this).parents('.date-dz-right').siblings('.hf-con').find('.pre'))
	            //input框自动聚焦
	            $(this).parents('.date-dz-right').siblings('.hf-con').find('.hf-input').val('').focus().val(fhN);
	        }else {
	            $(this).addClass('hf-con-block');
	            $(this).parents('.date-dz-right').siblings('.hf-con').remove();
	        }
	    });
	</script>
	<!--评论回复块创建-->
	<script type="text/javascript">
	    $('.comment-show').on('click','.hf-pl',function(){
	        var oThis = $(this);
	        var myDate = new Date();
	        //获取当前年
	        var year=myDate.getFullYear();
	        //获取当前月
	        var month=myDate.getMonth()+1;
	        //获取当前日
	        var date=myDate.getDate();
	        var h=myDate.getHours();       //获取当前小时数(0-23)
	        var m=myDate.getMinutes();     //获取当前分钟数(0-59)
	        if(m<10) m = '0' + m;
	        var s=myDate.getSeconds();
	        if(s<10) s = '0' + s;
	        var now=year+'-'+month+"-"+date+" "+h+':'+m+":"+s;
	        //获取输入内容
	        var oHfVal = $(this).siblings('.flex-text-wrap').find('.hf-input').val();
	        console.log(oHfVal)
	        var oHfName = $(this).parents('.hf-con').parents('.date-dz').siblings('.pl-text').find('.comment-size-name').html();
	        var oAllVal = '回复@'+oHfName;
	        if(oHfVal.replace(/^ +| +$/g,'') == '' || oHfVal == oAllVal){
	
	        }else {
	            $.getJSON("json/pl.json",function(data){
	                var oAt = '';
	                var oHf = '';
	                $.each(data,function(n,v){
	                    delete v.hfContent;
	                    delete v.atName;
	                    var arr;
	                    var ohfNameArr;
	                    if(oHfVal.indexOf("@") == -1){
	                        data['atName'] = '';
	                        data['hfContent'] = oHfVal;
	                    }else {
	                        arr = oHfVal.split(':');
	                        ohfNameArr = arr[0].split('@');
	                        data['hfContent'] = arr[1];
	                        data['atName'] = ohfNameArr[1];
	                    }
	
	                    if(data.atName == ''){
	                        oAt = data.hfContent;
	                    }else {
	                        oAt = '回复<a href="#" class="atName">@'+data.atName+'</a> : '+data.hfContent;
	                    }
	                    oHf = data.hfName;
	                });
	
	                var oHtml = '<div class="all-pl-con"><div class="pl-text hfpl-text clearfix"><a href="#" class="comment-size-name">我的名字 : </a><span class="my-pl-con">'+oAt+'</span></div><div class="date-dz"> <span class="date-dz-left pull-left comment-time">'+now+'</span> <div class="date-dz-right pull-right comment-pl-block"><a href="javascript:;" class="date-dz-pl pl-hf hf-con-block pull-left">回复</a> <span class="pull-left date-dz-line">|</span> <a href="javascript:;" class="date-dz-z pull-left"><i class="date-dz-z-click-red"></i>赞 (<i class="z-num">666</i>)</a> </div> </div></div>';
	                oThis.parents('.hf-con').parents('.comment-show-con-list').find('.hf-list-con').css('display','block').prepend(oHtml) && oThis.parents('.hf-con').siblings('.date-dz-right').find('.pl-hf').addClass('hf-con-block') && oThis.parents('.hf-con').remove();
	            });
	        }
	    });
	</script>
	<!--点赞-->

	<script type="text/javascript">

	    $('.comment-show').on('click','.date-dz-z',function(){
	        var zNum = $(this).find('.z-num').html();
	        if($(this).is('.date-dz-z-click')){
	            zNum--;
	            $(this).removeClass('date-dz-z-click red');
	            $(this).find('.z-num').html(zNum);
	            $(this).find('.date-dz-z-click-red').removeClass('red');
	        }else {
	            zNum++;
	            $(this).addClass('date-dz-z-click');
	            $(this).find('.z-num').html(zNum);
	            $(this).find('.date-dz-z-click-red').addClass('red');
	        }
	    })
	</script>
	
</html>
